<template>
    <div>
      <h1>爱心</h1>
      <div id="love"></div>
    </div>
  </template>
  <script setup></script>
  <style>
  #love {
    width: 200px;
    height: 200px;
    background: red;
    position: relative;
    transform: rotate(45deg);
    margin-left: 200px;
  }
  #love::before {
    content: "";
    width: 200px;
    height: 200px;
    background: red;
    position: absolute;
    top: -100px;
    border-radius: 50%;
  }
  #love::after {
    content: "";
    width: 200px;
    height: 200px;
    background: red;
    position: absolute;
    left: -100px;
    border-radius: 50%;
  }
  </style>
  